@charset "utf-8";
/* CSS Document */
.txt {
	width: 100%;
	background: url(../images/top-bg.jpg) repeat-x top;
	height: 130px;
}
.text {
}
.txtleft {
	float: left;
	line-height: 30px;
}
.txtleft p {
	color: #fff;
}
.txtright {
	float: right;
	color: #fff;
	line-height: 30px;
}
.txtright a {
	color: #fff;
	margin: 0px 10px;
}
.txtright a:hover {
}
/*nav*/
.nav-wrap {
	height: 80px;
	float: right;
	margin: 10px 0px 0 0;
}
.navbrand {
}
.navbrand ul {
	height: 100%;
}
.navbrand ul li {
	width: 110px;
	float: left;
	margin-right: 8px;
	position: relative;
}
.navbrand ul li>a {
	width: 100%;
	color: #000000;
	height: 80px;
	position: relative;
	display: inline-block;
	z-index: 20;
	text-align: center;
	line-height: 80px;
	font-size: 18px;
}
.navbrand ul li>a:hover, .navbrand ul li>a.navdown {color: #ef7d35;}
.navbrand ul li>a:before, .navbrand ul li>a:before {
	transition: 1s all;
}
.navbrand ul li:hover>a:before, .navbrand ul li>a:hover:before, .navbrand ul li>a.navdown:before {
	position: absolute;
	left: 50%;
	bottom: 15px;
	content: "";
	width: 65%;
	height: 2px;
	background: #1463a8;
	transform: translate(-50%, 0);
}
.navbrand ul li>.nav_kid {
	width: 130px;
	position: absolute;
	top: 80px;
	left: 76%;
	margin-left: -95px;
	background: rgb(255, 255, 255);
	z-index: 999;
	display: none;
	box-shadow: 0px 2px 12px rgba(102, 102, 102, 0.17);
	padding: 15px 0;
}
.navbrand ul li>.nav_kid p {
	width: 100%;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
}
.navbrand ul li>.nav_kid p a {
	color: #333;
	text-align: center;
	position: relative;
	display: inline-block;
}
.navbrand ul li>.nav_kid p>a:hover {
	color: red;
	/* font-weight: bold; */
}
.navbrand ul li>.nav_kid p a:before {
	content: "";
	position: absolute;
	left: -14px;
	top: 18px;
	width: 0;
	height: 1px;
	background: #005e50;
	transition: .5s all;
}
.navbrand ul li>.nav_kid p a:after {
	content: "";
	position: absolute;
	right: -14px;
	top: 18px;
	width: 0;
	height: 1px;
	background: #005e50;
	transition: .5s all;
}
.navbrand ul li>.nav_kid p:hover >a:before {
	width: 20px;
	left: -32px;
}
.navbrand ul li>.nav_kid p:hover >a:after {
	width: 20px;
	right: -32px;
}
.nav{}
.logo{
    float: left;
    margin-top: 20px;
}
.logo img{}


/*.navbrand ul li>.nav_kid p>a:hover:before{ content: "—"; position: absolute; left: -24px; top: -11px;  }

.navbrand ul li>.nav_kid p>a:hover:after{ content: ""; position: absolute; right: -24px; top: -11px; width: 0px; height: 3px;}*/